// @if
$use-prefixes: true;
.rounded {
    @if $use-prefixes {
        -webkit-border-radius: 5px;
    }
    border-radius: 5px;
}

$theme : dark;
body {
    @if $theme == dark {
        background-color: black;
    } @else if $theme == light {
        background-color: white;
    } @else {
        background-color: grey;
    }
}

// @for
$columns:4;
$line:4;
@for $i from 1 to $columns {
    .col-#{$i} {
        width: 100%/$columns*$i;
    }
}

@for $i from 1 through $line {
    .line-#{$i} {
        width: 100%/$line*$i;
    }
}

// @each
$icons: success error warning;

@each $icon in $icons {
    .icon-#{$icon}{
        background-image: url(../images/icons/#{$icon}.png);
    }
}

// @while
$i: 6;

@while $i > 0 {
    .item-#{$i} {
        width: 5px * $i;
    }
    $i: $i - 2;
}
